<!DOCTYPE html>
<html>

<head>
	<title> </title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<style>
		body {
			font-family: '仿宋_GB2312';
			color: black;
		}

		.divtablemain {
			position: relative;
			page-break-after: always;
			width: 200mm;
			height: 280mm;
			color: black;
		}

		.tablemain {
			width: 100%;
			border-collapse: collapse;
		}

		.tablemain td {
			font-size: 14pt;
			line-height: 8mm;
			height: 14mm;
			text-align: center;
			border: 1px solid black;
		}

		.tablefont {
			font-size: 14pt;
		}

		.tabledetail {
			width: 180mm;
			border-collapse: collapse;
		}

		.tabledetail td {
			font-family: '宋体';
			font-size: 10.5pt;
			min-width: 30mm;
			line-height: 6mm;
			height: 16mm;
			color: black;
			text-align: center;
			border: 1px solid black;
		}

		.tdleft {
			width: 30mm;
		}

		.tableleft {
			text-align: left !important;
			line-height: 6mm;
			padding-left: 4mm;
		}

		.tdimg {
			width: auto;
			height: 50mm;
			max-width: 98%;
			cursor: pointer;
		}

		.imgperson {
			height: auto;
			max-width: 32mm;
			max-height: 50mm;
			margin: 5px;
			cursor: pointer;
		}

		.tdborder-none {
			border: none !important;
		}

		.spanrst {
			font-size: 20px;
		}

		.signimg { 
			margin-top: 10px;
			width: 100px;
			border: 0;
		}

		.div-border {
			margin-top: 5mm;
			width: 180mm;
			padding: 2px;
		}

		.div-left-4 {
			float: left;
			width: 22%;
		}

		.footerbold {
			font-family: 楷体_GB2312;
			text-align: left;
			font-size: 10.5pt;
			font-weight: bold;
			line-height: 20px;
		}

		.spanblod {
			font-weight: bold;
		}

		.tdtitle {
			min-width: 10mm !important;
			width: 10mm !important;
			font-size: 14pt !important;
		}

		.div-no {
			font-family: 微软雅黑;
			font-size: 14pt;
			flex: 1;
		}

		.container {
			display: flex;
			/* 启用Flexbox布局 */
			justify-content: space-between;
			/* 在主轴(默认是水平方向)上均匀分布子元素 */
			align-items: center;
		}

		.imgsign {
			z-index: 999;
			width: 46mm;
			position: absolute;
			bottom: 0mm;
			right: 26mm;
		}
	</style>
	<style type="text/css" media="print">
		.footerbold {
			-webkit-print-color-adjust: exact;
			font-family: 楷体_GB2312;
			text-align: left;
			font-weight: bolder;
			font-size: 10.5pt;
			color: #000000;
			line-height: 20px;
		}
	</style>

</head>

<body>
	<div id="app">
		<center v-for="assessperson in tableDatas" :key="assessperson.Gid">
			<div class="divtablemain">
				<div>

					<div style="font-family: 方正大标宋简体; font-size:20pt;">特困人员生活自理能力评估表</div>
					<div class="container" style="margin-top: 4mm;">
						<div class="div-no" style="text-align: left;padding-left: 10mm;">{{
							getNo(assessperson.GroupTown,assessperson.OrderIndex)}}</div>
						<div class="div-no" style="text-align: right;padding-right: 10mm;">{{
							dateformat(assessperson.AssessInfo.BusinessDate,'yyyy年MM月dd日')}}</div>
					</div>

				</div>
				<div class="div-border">
					<table border="1" cellspacing="0" cellpadding="0" class="tablemain">
						<tr>
							<td class="tdleft">
								<div>被评估人</div>
								<div>姓名</div>
							</td>
							<td style="width: 20mm;">{{assessperson.Name}}</td>
							<td style="width: 20mm;">性别</td>
							<td style="width: 10mm;">{{assessperson.Sex}}</td>
							<td>出生年月</td>
							<td>{{assessperson.Birthday}}</td>
							<td>民族</td>
							<td style="width: 10mm;">{{assessperson.Nation}}</td>

						</tr>

						<tr>
							<td>身份证号</td>
							<td colspan="3">{{assessperson.IdCard}}</td>
							<td>供养方式</td>
							<td colspan="3">{{assessperson.SupportType == 1 ? '集中' : assessperson.SupportType == 2 ?
								'分散' : ''}}</td>
						</tr>
						<tr>
							<td>现居住地</td>
							<td colspan="3">{{assessperson.Address}}</td>
							<td>户籍地</td>
							<td colspan="3">{{assessperson.BirthAddress}}</td>
						</tr>
						<tr>
							<td>身体状况</td>
							<td colspan="7" class="tdborder-none"> 1.所患疾病({{ assessperson.AssessInfo.Sick }})2.残疾类型({{
								assessperson.AssessInfo.HandicapTypeName }} )3.残疾等级({{
								assessperson.AssessInfo.HandicapLevel?assessperson.AssessInfo.HandicapLevel:''
								}} )</td>

						</tr>
						<tr>
							<td>
								<div>综合评估</div>
								<div>指标</div>
								<div>(对应画√)</div>
							</td>
							<td colspan="7" class="tableleft">
								<div>
									<span style="margin-right: 6mm; "> 1.自主吃饭(<span
											style="font-size: 20px;font-weight: bold;">{{
											assessperson.AssessInfo.DailyFood > 0 ? '✔'
											: '' }}</span> )</span>
									<span style="margin-right: 6mm;"> 2.自主穿衣(<span
											style="font-size: 20px;font-weight: bold;">{{
											assessperson.AssessInfo.DailyDress > 0 ?
											'✔' : '' }}</span> )</span>
									<span style="margin-right: 6mm;"> 3.自主上下床(<span
											style="font-size: 20px;font-weight: bold;">{{
											assessperson.AssessInfo.DailyMoveBed > 0 ?
											'✔' : '' }}</span>) </span>
								</div>
								<div>
									<span style="margin-right: 6mm;"> 4.自主如厕(<span
											style="font-size: 20px;font-weight: bold;"> {{
											assessperson.AssessInfo.DailyToilet > 0 ?
											'✔' : '' }}</span>)</span>
									<span style="margin-right: 6mm;"> 5.室内自主行走( <span
											style="font-size: 20px;font-weight: bold;">{{
											assessperson.AssessInfo.DailyWalk > 0 ? '✔'
											: '' }} </span>)</span>
									<span style="margin-right: 6mm;"> 6.自主洗澡(<span
											style="font-size: 20px;font-weight: bold;">{{
											assessperson.AssessInfo.DailyShower > 0 ?
											'✔' : '' }}</span>) </span>
								</div>

							</td>
						</tr>
						<tr>
							<td>评估参数</td>
							<td colspan="7" class="tableleft">
								<div>特困人员生活自理状况，6项指标全部达到的，可以视为具备生活自理能力；</div>
								<div>有3项以下(含3项)指标不能达到的，可以视为部分丧失生活自理能力；</div>
								<div>有4项以上(含4项)指标不能达到的，可以视为完全丧失生活自理能力</div>
							</td>
						</tr>
						<tr>

						<tr>
							<td>评估结论</td>
							<td colspan="7" class="tableleft">

								<div>
									<span v-if="assessperson.AssessInfo.FirstLevel==3" class="spanrst">■</span>
									<span>完全丧失生活自理能力</span>

								</div>
								<div> <span v-if="assessperson.AssessInfo.FirstLevel==2"
										class="spanrst">■</span><span>部分丧失生活自理能力</span>

								</div>

								<div> <span v-if="assessperson.AssessInfo.FirstLevel==0"
										class="spanrst">■</span><span>具备生活自理能力</span>

								</div>


							</td>

						</tr>
						<tr>

							<td colspan="8" class="tableleft">

								<div style="height: 25mm;">评估人员签名:
									<img v-if="assessperson.AssessInfo.EmployeeName1"
										:src="assessperson.AssessInfo.EmployeeName1" class="signimg">
									<img v-if="assessperson.AssessInfo.EmployeeName2"
										:src="assessperson.AssessInfo.EmployeeName2" class="signimg">

										 
								</div>
								<div style="text-align: right;"><span style="margin-right: 10mm;">年</span><span
										style="margin-right: 10mm;">月</span><span style="margin-right: 10mm;">日</span>
								</div>
								<div style="height: 25mm;">本人或其照料护理人签名:</div>
								<div style="text-align: right;"><span style="margin-right: 10mm;">年</span><span
										style="margin-right: 10mm;">月</span><span style="margin-right: 10mm;">日</span>
								</div>
								<div class="container">
									<div style="flex: 1;text-align: center;">乡镇(街道)盖章 </div>
									<div style="flex: 1; text-align: center;">评估机构盖章</div>
								</div>

							</td>

						</tr>



					</table>
					<div style="margin-top: 2mm;">

						备注：该表一式两份，分别由乡镇(街道)和评估机构各存档一份。
					</div>
				</div>

				<img :src="assessperson.CompanySign" class="imgsign">
				<!-- <img :src="assessperson.GroupName.indexOf('郯城县')>=0?'https://file.xiaoshanlinyi.com/ciji-admin/app_yanglao/companysign_tancheng.png': 'https://file.xiaoshanlinyi.com/ciji-admin/app_yanglao/companysign.png'" class="imgsign"> -->
			</div>
			<div class="divtablemain" v-if="assessperson.AssessInfo.Imgs&&assessperson.AssessInfo.Imgs.length>0">
				<div style="font-family: 方正大标宋简体; font-size:20pt; font-weight: bold;margin-bottom: 6mm;margin-top:10mm">
					特困人员生活自理能力评估影像材料
				</div>
				<table border="1" cellspacing="0" cellpadding="0" class="tabledetail">
					<tr>
						<td colspan="3">评估现场影像资料</td>
						<td colspan="3">身体情况辅助证明资料</td>
					</tr>
					<tr>
						<td colspan="3" style="height: 50mm;max-width: 80mm;">
							<img :src="getimg1(assessperson.AssessInfo)" class="tdimg">
						</td>
						<td colspan="3" style="height: 50mm;max-width: 80mm;">
							<img :src="getimg2(assessperson.AssessInfo)" class="tdimg">
						</td>
					</tr>
				</table>


			</div>



		</center>

	</div>
	<script src="../js/vue.min.js"></script>
	<script language="javascript" type="text/javascript">
		var app = new Vue({
			el: '#app',
			mounted: function () {

			},
			data: {
				tableDatas: [],
			},
			computed: {

			},
			methods: {
				getimg1(item) {
					try {
						return item.Imgs[0];
					} catch (ex) {
						return "";
					}

				},
				getimg2(item) {
					try {
						return item.Imgs[1];
					} catch (ex) {
						return "";
					}

				},
				getNo(grouptown, num) {
					return grouptown + (Array(3).join(0) + num).slice(-3) + "号";
				},
				dateformat(dtStr, fmt) { //author: meizz 	
					if (dtStr.indexOf('年') > -1 && dtStr.indexOf('-') < 0) {
						return dtStr;
					}

					var dt = new Date(dtStr);
					var o = {
						"M+": dt.getMonth() + 1, //月份 
						"d+": dt.getDate(), //日 
						"h+": dt.getHours(), //小时 
						"m+": dt.getMinutes(), //分 
						"s+": dt.getSeconds(), //秒 
						"q+": Math.floor((dt.getMonth() + 3) / 3), //季度 
						"S": dt.getMilliseconds() //毫秒 
					};

					if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (dt.getFullYear() + "").substr(4 - RegExp.$1.length));
					for (var k in o)
						if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((
							"00" + o[k])
							.substr(("" + o[k]).length)));
					return fmt;
				}

			}
		});

		function LoadData(tableDatas) {
			app.tableDatas = tableDatas;
		}

		function printData() {
			var imgs = document.getElementsByTagName("img");
			var timer = setInterval(() => {
				var isFinish = true;
				for (const e of imgs) {
					isFinish = isFinish && e.complete
				}
				if (isFinish) {
					clearInterval(timer)
					window.print();
				}
			}, 500);
		}
	</script>


</body>

</html>